<template>
    <div class="content">
        <el-dialog :visible.sync="moreData.dialogFormVisible" title="" size="tiny" :before-close="handleClose" > 
            <div :v-loading = "loading">
                <section>
                    <h3><span>销售总额：{{moreData.totalMoney}}</span><span style="padding-left:30px;">积分抵扣：{{moreData.deductMoney}}</span></h3>                   
                    <el-row>
                        <el-col :span="8">
                            <p>会员销售总额(元)</p>
                            <p class="data">{{moreData.vipMoney}}</p>
                        </el-col>
                        <el-col :span="8">
                            <p>报平安销售总额(元)</p>
                            <p class="data">{{moreData.keepPeaceMoney}}</p>
                        </el-col>
                        <el-col :span="8">
                            <p>e直播销售总额(元)</p>
                            <p class="data">{{moreData.broadcastMoney}}</p>
                        </el-col>
                    </el-row>
                    <h3>e学云分成：{{moreData.adminMoney}}</h3>
                    <el-row>
                        <el-col :span="8">
                            <p>会员分成(元)</p>
                            <p class="data">{{moreData.adminVipDividedMoney}}</p>
                        </el-col>
                        <el-col :span="8">
                            <p>报平安分成(元)</p>
                            <p class="data">{{moreData.adminKeepPeaceDividedMoney}}</p>
                        </el-col>
                        <el-col :span="8">
                            <p>e直播分成(元)</p>
                            <p class="data">{{moreData.adminBroadcastDividedMoney}}</p>
                        </el-col>
                    </el-row>
                    <h3>经销商分成：{{moreData.agentMoney}}</h3>
                    <el-row>
                        <el-col :span="8">
                            <p>会员分成(元)</p>
                            <p class="data">{{moreData.agentVipDividedMoney}}</p>
                        </el-col>
                        <el-col :span="8">
                            <p>报平安分成(元)</p>
                            <p class="data">{{moreData.agentKeepPeaceDividedMoney}}</p>
                        </el-col>
                        <el-col :span="8">
                            <p>e直播分成(元)</p>
                            <p class="data">{{moreData.agentBroadcastDividedMoney}}</p>
                        </el-col>
                    </el-row> 
                </section>
            </div>
        </el-dialog>
    </div>
</template>
<script>
export default {
    name: 'moreInfo',
    props: {
        moreData: {}
    },
    created() {
        console.log('1111');
    },
    data() {
        return {
            loading: false,
            form: {},
            total: 0
        };
    },
    methods: {
        handleClose() {
            this.moreData.dialogFormVisible = false;
        }
    }
};
</script>
<style lang="scss" scoped>
@import '../../../styles/var.scss';
section {
    text-align: center;
    padding-bottom: 50px;
    h3 {
        font-size: 16px;
        padding-left: 16px;
        position: relative;
        text-align: left;
        margin: 25px 0;
        &::before{
            content: '';
            position: absolute;
            width: 4px;
            height: 14px;
            left: 0;
            top: 50%;
            transform: translate(0, -50%);
            background: $primary;
        }   
    }
    p {
        padding: 3px 0;
        color: #999;
    }
    .data{
        font-size: 18px;
        color: #333;
    }
    el-button {
        margin-right: 20px;
    }
}
</style>
